<template>
    <f-qr-code 
    :text="text" 
    :version="version" 
    :errorCorrectionLevel="errorCorrectionLevel" 
    :maskPattern="maskPattern" 
    :type="type" 
    :margin="margin" 
    :scale="scale"
    :width="width"
    :height="height"
    :dark="dark"
    :light="light"
    :quality="quality"/>
  </template>
  <script setup>
    import { ref} from "vue";

    const text = ref("123456");//内容
    const type = ref("image"); //类型，默认是image，可选值有：image,svg,canvas
    const version = ref(0); // 版本。如果未指定，将计算更合适的值。
    const errorCorrectionLevel = ref("M"); // 纠错级别。low, medium, quartile, high , L, M, Q, H
    const maskPattern = ref(0);// 掩码模式。0, 1, 2, 3, 4, 5, 6, 7
    const margin = ref(0); // 边距
    const scale = ref(4); // 每一个黑点的宽度
    const width = ref(80);// 宽
    const height = ref(80);// 高
    const quality = ref(0.3);// 透明度
    const dark = ref("#333");// 二维码颜色
    const light = ref("#fff");// 背景颜色

  </script>
  <style lang="scss" scoped>

  </style>
  